// Calendar
// https://css.gg/calendar
// Moddato (solo dimensione)

.gg-calendar,
.gg-calendar::before {
    display: block;
    box-sizing: border-box
}

.gg-calendar {
    position: relative;
    transform: scale(var(--ggs,.8));
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-top: 4px solid;
    border-radius: 3px
}

.gg-calendar::before {
    content: "";
    position: absolute;
    width: 10px;
    border-radius: 3px;
    left: 2px;
    background: currentColor;
    height: 2px;
    top: 2px
}

// Anchor
h1 .zola-anchor, h2 .zola-anchor, h3 .zola-anchor, h4 .zola-anchor, h5 .zola-anchor, h6 .zola-anchor {
    font-size: 1.5rem;
    visibility: hidden;
    margin-left: 0.5rem;
    vertical-align: 1%;
    text-decoration: none;
    border-bottom-color: transparent;
    cursor: pointer;
}

h1:hover .zola-anchor, h2:hover .zola-anchor, h3:hover .zola-anchor, h4:hover .zola-anchor, h5:hover .zola-anchor, h6:hover .zola-anchor {
    visibility: visible;
}


// Sun

 .gg-sun {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 24px;
 height: 24px;
 background:
 linear-gradient(to bottom,
 currentColor 4px,transparent 0)
 no-repeat 5px -6px/2px 6px,
 linear-gradient(to bottom,
 currentColor 4px,transparent 0)
 no-repeat 5px 14px/2px 6px,
 linear-gradient(to bottom,
 currentColor 4px,transparent 0)
 no-repeat -8px 5px/6px 2px,
 linear-gradient(to bottom,
 currentColor 4px,transparent 0)
 no-repeat 14px 5px/6px 2px;
 border-radius: 100px;
 box-shadow: inset 0 0 0 2px;
 border: 6px solid transparent
}

.gg-sun::after,
.gg-sun::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 24px;
 height: 2px;
 border-right: 4px solid;
 border-left: 4px solid;
 left: -6px;
 top: 5px
}

.gg-sun::before {
 transform: rotate(-45deg)
}

.gg-sun::after {
 transform: rotate(45deg)
}

// Moon

 .gg-moon,
.gg-moon::after {
 display: block;
 box-sizing: border-box;
 border-radius: 50%
}

.gg-moon {
 overflow: hidden;
 position: relative;
 transform: rotate(-135deg) scale(var(--ggs,1));
 width: 20px;
 height: 20px;
 border: 2px solid;
 border-bottom-color: transparent
}

.gg-moon::after {
 content: "";
 position: absolute;
 width: 12px;
 height: 18px;
 border: 2px solid transparent;
 box-shadow: 0 0 0 2px;
 top: 8px;
 left: 2px
}

// Home
 .gg-home {
 background:
 linear-gradient(to left,
 currentColor 5px,transparent 0)
 no-repeat 0 bottom/4px 2px,
 linear-gradient(to left,
 currentColor 5px,transparent 0)
 no-repeat right bottom/4px 2px;
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 18px;
 height: 14px;
 border: 2px solid;
 border-top: 0;
 border-bottom: 0;
 border-top-right-radius: 3px;
 border-top-left-radius: 3px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
 margin-bottom: -2px
 }

 .gg-home::after,
 .gg-home::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
 }

 .gg-home::before {
 border-top: 2px solid;
 border-left: 2px solid;
 border-top-left-radius: 4px;
 transform: rotate(45deg);
 top: -5px;
 border-radius: 3px;
 width: 14px;
 height: 14px;
 left: 0
 }

 .gg-home::after {
 width: 8px;
 height: 10px;
 border: 2px solid;
 border-radius: 100px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 border-bottom: 0;
 left: 3px;
 bottom: 0
 }
